<template>
  <div class="header">
    <div>
      <a href="" style="display: none;">
        
      </a>
      <img @click="router.push('/')" style="cursor: pointer;" src="../assets/logo.png" alt="">
    </div>
    <div class="input-box">
      <el-input
        v-model="input3"
        style="width: 400px"
        placeholder="输入关键字搜索"
        class="input-with-select"
      >
        <template #append>
          <el-button class="search-btn">搜索</el-button>
        </template>
      </el-input>
    </div>
  </div>
</template>
<script setup>
import { useRouter } from 'vue-router';

const router = useRouter();


</script>
<style scoped lang="scss">
.header {
  height: 70px;
  background: #fff;
  box-shadow: 0 2px 10px 0 rgba(54, 62, 87, .1);
  display: flex;
  align-items: center;
  padding: 0 50px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  .input-box {
    box-shadow: 0 0 14px 0 rgba(84, 91, 111, .24);
    margin-left: 10%;
    .search-btn {
      background: linear-gradient(90deg, #ffb83e, #ff7109);
      color: #fff;
    }
  }
  
}
</style>